<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>不要看</title>
    <style>
        body{
            margin: 0;
            background-color: #ccffff;
        }
        #banner{
            height: 280px;
            /*设置背景图片*/
            background-image: url(bg.jpg);
            background-position: 50% 50%;
            width: 100%;
            position: fixed;
            top: 0;
        }
        .container{
            width: 1000px;
            margin: 0 auto;
            
        }
        #container0{
            width: 1000px;
            margin: 0 auto;
            margin-top: 320px;
        }
        /*如果不设置宽高，那么宽高等于所显示的图片的宽高，如果同时设置了宽高，那么
        就等于设置的宽高，如果只设置了宽或高，那么高或宽会等比例缩放*/
        .pic{
            width: 100%;
        }
        .text{
            text-indent: 2em;
        }
        #ti{
            height: 42px;
            position: fixed;
            top:280px; 
            width: 100%;
         }
        table{
            width: 100%;
            height: 36px;
            background-color: greenyellow;
            text-align: center;
            font-size: 26px;
            
        }
        .pic1{
            float: left;
            width: 200px;
            height: 200px;
        }
        #left{
            position: fixed;
            left: 20px;
            top: 43%;
            background-color: palegoldenrod;
            font-size: 20px;
            height: 300px;
        }
        #right{
            position: fixed;
            right: 20px;
            top: 50%;
            background-color: palegoldenrod;
            font-size: 20px;
            height: 150px;
        }
        #studly{
            background-image: url(同学.jpg);
            height: 600px;
            background-size:100% 100%;
            position: relative;
        }
        .pic2{
            border-radius: 50%;
            border: solid 12px gold;
            position: absolute;
            width: 100px;
            height: 100px;
        }
        #first{
            top: 60px;
            left: 60px;
        }
        #first1{
            bottom: 44px;
            left: 420px;
        }
        #first2{
            top: 30px;
            right: 50px;
        }
        a{
            text-decoration: none;
        }
        a:hover{
            background-color: wheat;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <div id="banner"></div>
    <div id="ti">
 
        <table>
            <tr>
                <td><a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/H5%E6%AD%A3%E8%AF%BE/%E7%AC%AC1%E5%A4%A9,html%E5%92%8Ccss%E5%9F%BA%E7%A1%80/my%20secret.html">主页</a></td>
                <td><a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/H5%E6%AD%A3%E8%AF%BE/%E7%AC%AC1%E5%A4%A9,html%E5%92%8Ccss%E5%9F%BA%E7%A1%80/my%20secret.html">日志</a></td>
                <td><a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/H5%E6%AD%A3%E8%AF%BE/%E7%AC%AC1%E5%A4%A9,html%E5%92%8Ccss%E5%9F%BA%E7%A1%80/my%20secret.html">相册</a></td>
                <td><a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/H5%E6%AD%A3%E8%AF%BE/%E7%AC%AC1%E5%A4%A9,html%E5%92%8Ccss%E5%9F%BA%E7%A1%80/my%20secret.html">留言板</a></td>
                <td><a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/H5%E6%AD%A3%E8%AF%BE/%E7%AC%AC1%E5%A4%A9,html%E5%92%8Ccss%E5%9F%BA%E7%A1%80/my%20secret.html">个人档</a></td>
                <td><a href="#school">学校</a></td>
                <td><a href="#family">家乡</a></td>
                <td><a href="#dog">同学</a></td>
            </tr>
        </table>
    </div>
    <div id="container0">
        <img class="pic1" src="1.jpg" alt="">
        <img class="pic1" src="2.jpg" alt="">
        <img class="pic1" src="3.jpg" alt="">
        我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我在哪，我从哪里来，我要到哪里去，我是谁，我在哪，我从哪里来，我要到哪里去？      &nbsp;  &nbsp; &nbsp; 啊,&nbsp;&nbsp;&nbsp;我想起来了，<a href="file:///C:/Users/Administrator.2013-20170704HQ/Desktop/ms/main/0.0.html">我就是我，是颜色不一样的烟火！</a>
    </div>
    <div class="container">
        <h2 id="school">我的学校</h2>
        <p class="text">千年古都，炎黄故里，这里文脉绵长，弦歌未央；</p>
        <p class="text">九州之中，十省通衢，这里交通便利，通达八方。</p>
        <p class="text">郑州，这座古老而又年轻的城市孕育出一所享誉中外的民办高等学府——黄河科技学院。</p>
        <p class="text">她以“敢为天下先”的魄力启始，秉持“开拓、拼搏、实干、奉献”的初心，砥砺奋进，努力践行对社会“办一所对学生最负责任大学”的庄严承诺。学校牢记党和国家、省市各级党委、政府的殷殷嘱托，无数荣誉鞭策前行。从创办人胡大白，到校长杨雪梅，33年奋斗不已，33年凝心聚力，33年取得了中国民办高等教育史上的多个第一和唯一。立德树人育桃李，东方风来满眼春。黄河科技学院，一轮喷薄欲出的太阳，正以坚定的信心和坚实的步伐，
        乘风破浪，扬帆远航，在建设地方名牌大学和高水平应用科技大学的征程中昂首前行！</p>
        <img class="pic" src="大学.jpg" alt="">
        <hr>
        <h2 id="family">我的家乡</h2>
        <p class="text">内乡县是河南省南阳市下辖县，位于河南省西南部，南阳盆地西缘。东接镇平，南连邓州，西邻淅川、西峡，北依嵩县、南召。自古有“守八百里伏牛之门户，扼秦楚交通之要津”之说。</p>
        <p class="text">内乡历史悠久，人杰地灵。县地古属郦地，春秋为邑，秦代设县，隋文帝开皇三年（公元583年），改名为菊潭县，后几经更名，到公元956年定名为内乡县。曾造就和培育了明代政治家柴升、清代理学家王检心等历史文化名人。
        内乡旅游资源得天独厚，曾荣膺“中国自驾车旅游品牌十大目的地”称号。拥有被联合国教科文组织列入世界生物圈保护区：内乡宝天曼、中国四大古代官衙之一：内乡县衙、中国景观村落：吴垭石头村、中原生态养生福地：云露山、纪念商圣范蠡的祠堂：商圣苑以及宝天曼峡谷漂流、七星潭景区、桃花源景区、天心洞等众多风景名胜。</p>
        <p class="text">内乡县先后被联合国工业发展组织授予“绿色产业示范区”、中国绿色食品协会列为“国家绿色农业示范区”、国家环保总局授予“生态农业示范区“。2007年内乡入选“全国县域旅游品牌百强县”。2015年在北京举办的第十九届亚洲旅游业金旅奖盛典暨大中华区旅游文化榜发布会上，内乡县成功被评为“亚洲金旅奖·大中华区最美人文休闲旅游名县”。2017年被中国国土经济学会推选为“2017中国百佳深呼吸小城”</p>
        <img class="pic" src="n1.jpg" alt="">
        <img class="pic" src="n2.jpg" alt="">
    </div>
    <div class="container">
        <h2>我的同学</h2>
        <p class="text" id="dog">深圳动漫节是深圳本土最大型的动漫系列活动，自2009年起于每年暑假期间在深圳会展中心举行。依托深圳广电集团的强大宣传优势 ，深圳动漫节吸引了动漫爱好者、青少年以及家庭群体的广泛关注,并被国家文化部评为全国四大动漫节展之一，截至2017年，深圳动漫节已经举办到第九届。</p>
        <p class="text">第九届深圳动漫节由深圳广播电影电视集团主办，深圳动漫节组委会、深圳国家动漫画产业基地、深圳广播电影电视文化产业有限公司、深圳市文化产业（国际）会展有限公司承办。第九届深圳动漫节继续以“深圳动漫，节日盛典”为主题，于7月20日至24日连续五天在深圳会展中心1号馆为漫迷们带来一场活力、热情、人气、奇幻、炫丽的动漫盛宴。</p>
        <div id="studly">
            <img src="男.jpg" class="pic2" id="first">
            <img src="女.jpg" class="pic2" id="first1">
            <img src="小丸子.jpg" class="pic2" id="first2">
        </div>
    </div>
    <div id="left">
        <p>my <br>dog</p>
    </div>
    <div id="right">
        <a href="#">返<br>回<br>顶<br>部</a>
        
    </div>
</body>
</html>